<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

</head>
<body>

<p>p pagraph</p>
<div>
    div
    <div>div in div</div>
    <p>div 中的 p</p>
</div>
<button type="button" id="btn1">next</button>
<button type="button" id="btn2">previous</button>
<script src="../js/jquery-3.1.0.js"></script>
<script>
    //找到下一个同辈元素
    $("#btn1").on("click",function () {
        $("p").next().text("p->next");
    })

    //找到同辈的上一个的元素，
    $("#btn2").on("click",function () {
        $("p").prev().text("p->prev")
    })

</script>
</body>
</html>